<template>
	<div class="layout-main">
		<div class="section section-filter">
			<el-form ref="filterForm" :inline="true" :model="filterData">
				<el-form-item label="编号">
					<el-input v-model="filterData.id" placeholder="请输入编号"></el-input>
				</el-form-item>
				<el-form-item label="举报人姓名">
					<el-input v-model="filterData.id1" placeholder="请输入举报人姓名"></el-input>
				</el-form-item>
				<el-form-item label="举报人手机号">
					<el-input v-model="filterData.id2" placeholder="请输入举报人手机号"></el-input>
				</el-form-item>
				<el-form-item label="被举报人姓名">
					<el-input v-model="filterData.id3" placeholder="请输入被举报人姓名"></el-input>
				</el-form-item>
				<el-form-item label="被举报人手机号">
					<el-input v-model="filterData.id4" placeholder="请输入被举报人手机号"></el-input>
				</el-form-item>
				<el-form-item label="来源渠道">
					<el-select v-model="filterData.region" placeholder="请选择来源渠道">
						<el-option label="所有" value="all"></el-option>
						<el-option label="呼叫中心" value="1"></el-option>
						<el-option label="风险管理部" value="2"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="产品类型">
					<el-select v-model="filterData.region" placeholder="请选择产品类型">
						<el-option label="所有" value="all"></el-option>
						<el-option label="达分期" value="1"></el-option>
						<el-option label="云贷1.0" value="2"></el-option>
						<el-option label="云贷2.0" value="3"></el-option>
						<el-option label="7贷" value="4"></el-option>
						<el-option label="达飞商城" value="5"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="风险类别">
					<el-select v-model="filterData.region" placeholder="请选择风险类别">
						<el-option label="所有" value="all"></el-option>
						<el-option label="欺诈风险" value="1"></el-option>
						<el-option label="套现风险" value="2"></el-option>
						<el-option label="中介风险" value="3"></el-option>
						<el-option label="内部操作风险" value="4"></el-option>
						<el-option label="信用风险" value="5"></el-option>
						<el-option label="职业操守风险" value="6"></el-option>
						<el-option label="指标监控风险" value="7"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="风险类型">
					<el-select v-model="filterData.region" placeholder="请选择风险类别">
						<el-option label="所有" value="all"></el-option>
						<el-option label="呼叫中心" value="1"></el-option>
						<el-option label="信审中心" value="2"></el-option>
					</el-select>
				</el-form-item>
				<el-form-item label="风险等级">
					<el-select v-model="filterData.region" placeholder="请选择风险等级">
						<el-option label="所有" value="all"></el-option>
						<el-option label="呼叫中心" value="1"></el-option>
						<el-option label="信审中心" value="2"></el-option>
					</el-select>
				</el-form-item>
			</el-form>
			<div class="form-btn">
				<button @click.prevent="sumbitSave">筛选</button>
				<button class="btn-reset" @click.prevent="reset">重置</button>
			</div>
		</div>
		<div class="section section-table">
			<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
				<el-table-column fixed label="操作" width="220">
					<template slot-scope="scope">
						<a>详情</a>
						<a>退回</a>
						<a>结案</a>
						<a>暂停</a>
						<a>变更类型</a>
					</template>
				</el-table-column>
				<el-table-column prop="id" label="编号">
				</el-table-column>
				<el-table-column prop="name" label="来源渠道">
				</el-table-column>
				<el-table-column prop="name1" label="案件类型">
				</el-table-column>
				<el-table-column prop="name2" label="反映时间">
				</el-table-column>
				<el-table-column prop="name3" label="产品类型">
				</el-table-column>
				<el-table-column prop="name4" label="风险类别">
				</el-table-column>
				<el-table-column prop="name5" label="风险类型">
				</el-table-column>
				<el-table-column prop="name6" label="风险等级">
				</el-table-column>
				<el-table-column prop="name7" label="营业部">
				</el-table-column>
				<el-table-column prop="name8" label="城市">
				</el-table-column>
				<el-table-column prop="name9" label="被举报人">
				</el-table-column>
				<el-table-column prop="name10" label="被举报人手机号">
				</el-table-column>
				<el-table-column prop="name11" label="所属分部">
				</el-table-column>
			</el-table>
		</div>
	</div>
</template>
<script>
	export default {
		name: 'index',
		data() {
			return {
				filterData: {},

				tableData: [
					{
						id: 'FYDYD2HZ17102518241100001',
						name: '呼叫中心',
						name1: '一般违规案件',
						name2: '2017/10/26 20:30:30',
						name3: '济宁分部',
						name4: '达分期',
						name5: '欺诈风险',
						name6: '伪冒申请',
						name7: 'C级',
						name8: '济宁营业部',
						name9: '张三',
						name10: '18888888888',
						name11: '济宁'

					}
				],
				multipleSelection: []
			}
		},
		components: {
		},
        mounted() {
            this.$store.dispatch('setBreadData', [
                {
                    name: '线索管理'
                },
                {
                    name: '导入线索'
                }
            ]);
        },
		methods: {
			sumbitSave() {

			},
			reset() {
				this.formInline = {};
			},
			handleSelectionChange(val) {
				this.multipleSelection = val;
			}
		}
	};
</script>